<template>
	
	<view class="" style="margin-top: 1vh;">
                   
			 		<scroll-view scroll-y class="page">
			 			<view class="nav-list">
			 				<navigator hover-class="none" :url="'/pages/basics/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
			 				 :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index">
			 					<view class="nav-title">{{item.title}}</view>
			 					<view class="nav-name">{{item.name}}</view>
			 					<text :class="'cuIcon-' + item.cuIcon"></text>
			 				</navigator>
			 			</view>
			 			<view class="cu-tabbar-height"></view>
			 		</scroll-view>
			 
	
	</view>
</template>

<script >
	export default{
		name:'ruanjian',
		
			data() {
				return {
					elements: [{
							title: '疯狂玩成语',
							name: 'Crazy play idioms',
							color: 'cyan',
							type:'download',
							cuIcon: 'newsfill'
							
						}
					
					],
				};
			},
		methods:{
			
			
			
		}
		
	}
</script>

<style>
</style>
